<template>
  <div>
    <van-nav-bar title="套卷练习" left-arrow @click-left="goback">
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>

    <van-dropdown-menu>
      <van-dropdown-item v-model="value1" title="套卷分类">
        <van-sidebar v-model="activeKey">
          <van-sidebar-item title="全部" />
          <van-sidebar-item title="中考真题" />
          <van-sidebar-item title="化学" />
          <van-sidebar-item title="英语" />
        </van-sidebar>
      </van-dropdown-item>

      <van-dropdown-item v-model="value2" :options="option2" title="套卷状态" />
    </van-dropdown-menu>


    <div class="center">
        请稍等,套卷正在赶来的路上啦
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  components: {},
  props: [],
  data() {
    return {
      activeKey: 0,
      value1: 0,
      value2: "a",
      //   option1: [{ text: "全部", value: 0 }],
      option2: [
        // { text: "套卷状态" },
        { text: "全部", value: "a" },
        { text: "已做", value: "b" },
        { text: "未做", value: "c" }
      ]
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    goback() {
      this.$router.push("/practise");
    }
  }
};
</script>
<style scoped lang="scss">
.center{
    margin:50% 28%;
    font-size: 12px;
}
</style>